<template>
	<view>
		<u-sticky offsetTop="0" customNavHeight="0">
			<navbar :tip="tip" title="" :isback="true"></navbar>
		</u-sticky>
		<view class="con">
			<u-swiper :list="list1" height="326.34rpx" radius='38rpx' bgColor="#D3D0D0"></u-swiper>
			<view class="con__box">
				<input type="number" class="con__box__inp" placeholder="请输入分数查询" />
				<view class="u-flex u-flex-y-center u-flex-between">
					<input type="number" style="width: 280rpx;" class="con__box__inp" placeholder="请输入分数查询" />
					<input type="number" style="width: 280rpx;" class="con__box__inp" placeholder="请输入分数查询" />
				</view>
				<u-button :customStyle="{
					height:'76.34rpx',
					fontSize:'30rpx',
					color:'#00456A',
				}" color="#c5d7fe" shape='circle'>帮我选校</u-button>
				<view class="list" :style="{paddingBottom:'calc('+bheight+' + 20rpx)'}">
					<view class="list__item" v-for="(item,index) in 10" :key="index">
						<view class="u-flex u-flex-y-center">
							<image src="" class="list__item__pic" mode="aspectFit"></image>
							<view class="">
								<view class="list__item__name">
									东莞理工学校
								</view>
								<view class="list__item__tip">
									商业英语 / 三二分段 / 校本区
								</view>
							</view>
							
						</view>
						<view class="list__item__text">
							对接大专：广东省外语艺术职业学院
						</view>
						<view class="list__item__fs">
							<view class="list__item__fs__text">
								录取 分数
							</view>
							<view class="list__item__fs__num">
								637
							</view>
						</view>
					</view>
				</view>
			</view>
			
		</view>
		<view class="footer">
			<image src="/static/school/Group_2231.png" class="footer__pic" mode=""></image>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				tip: '',
				list1: [''],
			};
		},
		computed: {
			height() {
				const height = `calc(${uni.$u.addUnit(uni.$u.sys().statusBarHeight, 'px')})`
				return uni.$u.deepMerge(height)
			},
			bheight() {
				const height = uni.$u.addUnit(uni.$u.sys().safeAreaInsets.bottom, 'px');
				return uni.$u.deepMerge(height)
			},
		},
	}
</script>

<style lang="scss">
	page {
		background: url('https://mp-b54a63ff-3ce2-4df8-8d6e-f855d8976d34.cdn.bspapp.com/img/Rectangle_106.png') 100% no-repeat;
		background-position: top;
		width: 750rpx;
	}

	.con {
		padding: 0 24rpx;

		&__box {
			margin-top: 20rpx;
			height: 1094rpx;
			background: #FFFFFF;
			border-radius: 57rpx 57rpx 57rpx 57rpx;
			padding: 24rpx 22rpx;

			&__inp {
				height: 76rpx;
				background: #E8F7FF;
				border-radius: 46rpx 46rpx 46rpx 46rpx;
				font-family: PingFang SC, PingFang SC;
				font-weight: 400;
				font-size: 23rpx;
				color: #333;
				line-height: 76rpx;
				padding: 0 22rpx;
				margin-bottom: 20rpx;
			}
			
		}
		
	}
	.list{
		margin-top: 19rpx;
		&__item{
			background: #FFFFFF;
			box-shadow: 6rpx 8rpx 8rpx 0rpx #DEE2FF;
			border-radius: 46rpx 46rpx 46rpx 46rpx;
			padding: 7.6rpx 34rpx 0;
			position: relative;
			margin-bottom: 9rpx;
			&__pic{
				width: 76rpx;
				height: 76rpx;
				background: #D9D9D9;
				border-radius: 50%;
				margin-right: 13rpx;
			}
			&__name{
				font-family: PingFang SC, PingFang SC;
				font-weight: 400;
				font-size: 31rpx;
				color: #000000;
				line-height: 61rpx;
			}
			&__tip{
				font-family: PingFang SC, PingFang SC;
				font-weight: 400;
				font-size: 19rpx;
				color: #747474;
				line-height: 61rpx;
				margin-top: -30rpx;
			}
			&__text{
				font-family: PingFang SC, PingFang SC;
				font-weight: 400;
				font-size: 23rpx;
				color: #747474;
				line-height: 61rpx;
				margin-top: -15rpx;
			}
			&__fs{
				width: 223rpx;
				height: 80rpx;
				background: linear-gradient( 90deg, rgba(195,216,255,0.06) 0%, #B4E5FF 100%);
				border-radius: 0 46rpx 0 46rpx;
				display: flex;
				align-items: center;
				justify-content: center;
				position: absolute;
				top: 0;
				right: 0;
				&__text{
					width: 46rpx;
					font-family: PingFang SC, PingFang SC;
					font-weight: 400;
					font-size: 23rpx;
					color: #000000;
					line-height: 27rpx;
					white-space: pre-wrap;
				}
				&__num{
					font-family: PingFang SC, PingFang SC;
					font-weight: 500;
					font-size: 31rpx;
					color: #000000;
					line-height: 61rpx;
					margin-left: 32rpx;
				}
			}
		}
	}
	.footer {
		position: fixed;
		bottom: 200rpx;
		right: 20rpx;
		display: flex;
		flex-direction: column;

		&__pic {
			width: 91.6rpx;
			height: 91.6rpx;
			margin-bottom: 9rpx;
		}
	}
</style>